<template>
	<view class="case">
		<view class="fixbg" :style="{'background-image': 'url(../../static/test.png)'}"></view>
		<!-- <musichead title="casePage" :icon="true" :isType="xflag"></musichead> -->
		<commonhead title="测试页面"></commonhead>
		<!-- <view class="container">
			<view class="image-test">
				<image src="../../static/logo.png" mode="" :class="{'play-start': flag}"></image>
			</view>
			<button type="default" @click="start" >{{ status }}</button>
		</view> -->
	</view>
</template>

<script>
	import "@/common/iconfont.css"
	import musichead from "../../components/musichead/musichead.vue"
	import  commonhead from "../../components/commonHead/commonHead.vue"
	
	export default {
		data() {
			return {
				flag: false,
				status: '开始',
				xflag: false
			}
		},
		components:{
			musichead,
			commonhead
		},
		onShow() {
			this.getScreenSize()
		},
		methods: {
			start(){
				if (this.flag == false){
					this.flag = true;
					this.status = '停止';
				}else{
					this.flag = false;
					this.status = '开始'
				}
				
			},
			getScreenSize(){
				uni.getSystemInfo({
					complete: (res) => {
						console.log(res, res.model);
						if (res.model == 'iPhone X'){
							this.xflag = true;
						}
					}
				})
			}
		}
	}
</script>

<style>
	@import url("casePage.css");
</style>
